// @font-face{ // font-family:PTSansCaption; // src:url(../fonts/PTSansCaption.eot) format('eot'); // src:local('☺'), // url(../fonts/PTSansCaption.woff) format('woff'), // url(../fonts/PTSansCaption.ttf) format('truetype'), // url(../fonts/PTSansCaption.svg) format('svg'); // font-weight:normal; // font-style:normal; // } // variables @colP:#696969; @colA:#3498db; @colH:red; @colPlac:@colP; @fs:15px; @ff:arial, helvetica; // mixins #acymailing_fulldiv_formAcymailing65501 > div{ margin-left: -12px !important;} .sbox-content-iframe{ margin-left: -6px;} .br(@r){ -moz-border-radius:@r; -webkit-border-radius:@r; -o-border-radius:@r; border-radius:@r; } .bs(@s){ -moz-box-shadow:@s; -webkit-box-shadow:@s; -o-box-shadow:@s; box-shadow:@s; } .t(@s){ -moz-transition:@s; -webkit-transition:@s; -o-transition:@s; transition:@s; } .lg(@col1,@col2){ background-color:@col2; background-image: -o-linear-gradient(top,@col1,@col2); background-image: -moz-linear-gradient(top,@col1,@col2); background-image: -webkit-linear-gradient(top,@col1,@col2); background-image: -ms-linear-gradient(top,@col1,@col2); background-image: linear-gradient(top,@col1,@col2); } /* all */ *{ margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; &:after, &:before{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } } html{ overflow-x:auto; } body{ font-family:@ff; color:@colP; font-size:@fs; -webkit-font-smoothing:subpixel-antialiased; background:#f2f2f2; overflow:hidden; min-width:1024px; line-height:1.25; border-top:solid 2px #d6ebfa; padding-top:3px; .bs(inset 0 1px #a4bed1); } .scheme_sait{ width: 35px; height: 30px; right: 99px; z-index: 9; background: url(../img/footer/scheme_sait.png) center center no-repeat; margin: 0; padding: 0; font-size: 100%; margin-left: 363px; margin-top: 2px; position: absolute; } a{ color:@colA; text-decoration:none; &:focus, &:active{ outline:none; } } h1,h2,h3,h4,h5,h6{ font-weight:normal; } input, button, textarea{ font-family:@ff; font-size:@fs; &:focus{ outline:none; } } input{ padding-top:0; padding-bottom:0; } ::-moz-placeholder{ font-family:@ff; font-size:12px; overflow:visible; color:@colPlac; } :-ms-input-placeholder{ font-family:@ff; font-size:12px; overflow:visible; color:@colPlac; } ::-webkit-input-placeholder{ font-family:@ff; font-size:12px; overflow:visible; color:@colPlac; } table{ border-collapse:collapse; border-spacing:0; } button, input[type="submit"], input[type="button"]{ cursor:pointer; } img{ border:none; } ul{ list-style:none; } .container{ width:1200px; margin:0 auto; position:relative; } .clearfix:after{ display:table; line-height:0; content:''; clear:both; } /* header */ .main-wrapp{ max-width:1600px; min-width:1200px; margin:0 auto; background:#fff; } .head{ border-bottom:solid 1px #e7e7e7; padding:8px 0; font-size:80%; a:hover{ text-decoration:underline; } } .head-block{ display:inline-block; float:left; margin-right:14px; padding:8px 0; } .header{ padding-bottom:25px; } .head-tel{ color:@colH; } .search-form{ display:inline-block; float:left; width:297px; padding-right:30px; position:relative; } .search-input{ width:100%; border:0; background:#f3f3f3; height:30px; padding:0 12px; font-size:12px; display:inline-block; float:left; } .search-submit{ width:30px; height:30px; position:absolute; top:0; right:0; background:#00c05a; border:0; .t(.2s); &:hover{ background:darken(#00c05a,8%); } .fa-search{ color:#fff; } } .check-size{ display:inline-block; float:right; margin:4px 30px; } .check-size-btn{ display:inline-block; float:left; width:23px; height:21px; text-align:center; line-height:21px; font-size:12px; font-weight:700; .t(.2s); color:@colP; .br(2px); &:hover{ text-decoration:none!important; } &+&{ margin-left:5px; } &.active{ color:#fff; background:#0099de; } &.check-size-big{ font-size:14px; } } .header-nav{ padding-top:24px; padding: 11px 0px 0px 9px; } .main-slider-wrapp{margin-top: -21px;} .logo{ display:inline-block; float:left; margin-right:20px; width:280px; text-transform:uppercase; color:#424242; margin-top: -13px; img{ display:inline-block; float:left; } .main-title{ display:inline-block; float:left; font-size:14px; padding:21px 0 0 9px; font-weight:700; } } .menu-top{ display:inline-block; float:right; max-width:855px; margin-top: -57px; &>li{ display:inline-block; float:left; position:relative; &:hover{ color:@colA; .caret{ border-top-color:@colA; } .submenu-top-wrapp{ display:block; } } &>a{ display:block; padding:15px 12px; white-space:nowrap; color:@colP; font-weight:700; color:inherit; .t(.2s); } } &>.active{ color:@colA; .caret{ border-top-color:@colA; } } } .submenu-top-wrapp{ width:250px; position:absolute; top:100%; left:0; padding-top:20px; display:none; z-index:2; &.drop-left{ right:0; left:auto; .submenu-top{ &:before{ left:auto; right:20px; } } } } .submenu-top{ position:relative; background:#2a3b4d; padding:10px 5px 10px 0; .bs(0 2px 8px rgba(0,0,0,.5)); li{ color:#838b95; padding-right:5px; position:relative; &:hover{ color:#fff; a:after{ border-left-color: #fff; } } } a{ display:block; padding:10px; color:inherit; .t(.2s); } .sub-submenu-link{ &>a:after { display:block; content: ""; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #838b95; margin-top: 5px; margin-right: -5px; .t(.2s); } &:hover{ .sub-submenu-top{ display:block; } } } &:before{ content:''; position:absolute; width:0; height:0; left:20px; top:-10px; border-bottom:solid 10px #2a3b4d; border-left:solid 10px transparent; border-right:solid 10px transparent; } } .sub-submenu-top{ position:absolute; .bs(0 2px 8px rgba(0,0,0,.5)); top:0; left:100%; background:#2a3b4d; width:200px; display:none; padding:10px 5px 10px 0; &.drop-left{ left:auto; right:100%; } } .caret{ display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid @colP; border-right: 4px solid transparent; border-left: 4px solid transparent; .t(.2s); } /* main-slider */ .main-slider-wrapp{ } .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .bx-viewport { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-prev { left: 10px; background: url(../img/arrows.png) no-repeat 0 0; } .bx-wrapper .bx-next { right: 10px; background: url(../img/arrows.png) no-repeat -30px 0; } .bx-wrapper .bx-prev:hover { background-position: 0 -30px; } .bx-wrapper .bx-next:hover { background-position: -30px -30px; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -15px; outline: 0; width: 30px; height: 30px; text-indent: -9999px; z-index: 9999; } /* main-desc */ /*.main-desc{ padding-bottom:100px; }*/ .main-desc-content{ width:100%; display:table; height:350px; } .main-desc-row{ display:table-row; } .main-desc-block{ display:table-cell; vertical-align:top; position:relative; width:33.333%; padding:77px 45px 60px; &.green{ background:#7bc673; .main-desc-icon{ background:#6abf61; } } &.gray{ background:#333; .main-desc-icon{ background:#262626; } } &.blue{ background:#3498db; .main-desc-icon{ background:#258cd1; } } color:#fff; } .main-desc-icon{ display:inline-block; position:absolute; z-index:1; top:-20px; left:50%; margin-left:-40px; .br(3px); width:80px; height:80px; line-height:80px; text-align:center; color:#fff; font-size:24px; } .main-desc-title{ text-align:center; font-size:120%; padding-bottom:30px; text-transform:uppercase; a{ color:inherit; } } .main-desc-text{ text-align:center; /*opacity:.7;*/ } .cat-link{ text-align:center; margin-bottom:5px; font-size:110%; a{ color:inherit; &:hover{ text-decoration:underline; } } } .regime-table{ width:100%; td{ padding:12px 0; border-bottom:solid 1px #595959; } tr>td:first-child{ font-weight:700; } tr>td:last-child{ text-align:right; padding-left:10px; opacity:.7; } } /* text-section */ .content-section{ padding-bottom:50px; color:#333; h1,h2,h3,h4{ margin-bottom:20px; a{ color:inherit; .t(.2s); &:hover{ color:@colA; } } } h1{ font-size:200%; } h2{ font-size:175%; } h3{ font-size:19px; } h4{ font-size:125%; } p{ margin-bottom:10px; margin-top:10px; } } .section-title{ font-size:200%; margin-bottom:20px; a{ color:inherit; .t(.2s); &:hover{ color:@colA; } } } .more-btn{ display:inline-block; padding:13px 40px; margin-bottom: 20px; color:#fff; .br(4px); background:#00c05a; .t(.2s); &:hover{ background:lighten(#00c05a,5%); } } .specialists-slider-wrapp{ padding-top:50px; .bx-wrapper .bx-prev { right: 35px; left:auto; } .bx-wrapper .bx-next { right: 0; } .bx-wrapper .bx-controls-direction a{ top:-70px; margin-top:0; } } .specialists-slide{ .name{ padding-top:25px; } .name-link{ color:inherit; font-size:120%; font-weight:700; display:block; .t(.2s); &:hover{ color:@colA; } } .desc{ padding-top:20px; } img{ width:100%; } } /* add-review */ .add-review{ padding:50px 0; background:@colA; } /* news */ .news{ /* padding:50px 0;*/ } .news-body{ &+&{ margin-top: 0px; border-top: solid 1px #e7e7e7; padding-top: 10px; } } .news-date{ display:inline-block; float:left; width:8.333%;; .date{ width:68px; height: 40px; padding:10px 5px 5px; background:#3498db; line-height:1; font-size:14px; color:#fff; text-align:center; .day{ font-size:20px; padding-top:8px; } } } .news-text{ display:inline-block; float:left; width:91.667%; padding-left:10px; text-align: justify; } .footer{ background:#2a3b4d; color:#fff; } .breadcrumb-wrapp{ padding:15px 0; background:#202d3b; } .breadcrumb{ li{ display:inline-block; float:left; color:#fff; a{ color:inherit; &:hover{ text-decoration:underline; } } } li+li:before{ content:"/\00a0"; display:inline-block; float:left; padding:0 5px; color:inherit; } .active + li:before{ opacity:0; } } .footer-info{ padding:40px 0; } .footer-content{ border-top:solid 1px #404f5f; } .copyright{ display:inline-block; float:left; /*padding:13px 13px 13px 0;*/ } .sign{ display:inline-block; float:right; } .pull-left{ float:left; } .pull-right{ /*float:left;*/ position:absolute; top: 64%; } @-moz-document url-prefix() {.pull-right{ /*float:left;*/ position:absolute; top: 64%; //margin-left: -606px; }} .metrica{ float: right; left: -162px; position: relative; } /* big-body */ .big-body{ font-size:20px; } @media (max-width:1200px){ .container{ width:1024px; } .check-size{ margin-left:10px; margin-right:0; } .search-form{ width:225px; } .menu-top{ width:700px; } } .item-page > ul{margin-left: 20px; margin-bottom:20px;} .item-page > ul>li{list-style:outside;} .item-page > ol{ margin-left: 20px; margin-bottom: 10px; margin-top: -8px; position: relative; } .item-page > ol>li{ margin-left: 20px;} td { padding: 3px; } .fa-heart{margin-top: 29px;} .fa-clock-o{margin-top: 29px;} .fa-hospital-o{margin-top: 29px;} .to-top { display: inline-block; position: absolute; width: 48px; height: 48px; background: url(http://xn--73-xlcxflc1a.xn--p1ai/templates/beez_20/img/to-top.png); top: 50%; margin-top: 72px; right: 25px; } .pagination{ text-align: center; } .pagination ul li{ float:left; padding: 10px; } .pagination ul{ padding-left: 36%; } @-moz-document domain(73хоспис.рф){ .pagination ul{ padding-left: 36%; } } @media screen and (max-width:1200px) { .pagination ul{ padding-left: 33%; } .date_news{ width: 90px; float: left; height: 40px; font-size:22.5px; margin-top: 1px; } .text_news{ width: 80%; margin-left: 120px; } } .contentpane{ margin-top: 105px; margin-left: -99px; } .date_news{ width: 81px; float: left; height: 20px; } .text_news{ width: 80%; } .main-wrapp .content-section table{ width: 97%; margin-top: 10px; margin-bottom: 22px; } .main-wrapp .content-section table tbody tr{ } .main-wrapp .content-section table tbody tr td{ color: #333; font-size: 14px; } .main-wrapp .content-section .table-border{ border: 1px solid #d8d8d8; } .main-wrapp .content-section .table-border tr td{ border: 1px solid #d8d8d8; padding: 5px 5px; } @font-face { font-family: "Als Ekibastuz Heavy"; src: url('https://pos.gosuslugi.ru/bin/banner/als_ekibastuz_heavy-webfont.woff2') format("woff2"), url('https://pos.gosuslugi.ru/bin/banner/als_ekibastuz_heavy-webfont.woff') format("woff"); font-weight: normal; font-style: normal; } :root { --pos-banner-width: 100%; --pos-banner-height: 100%; --pos-banner-padding: 10px; --pos-banner-title-size: 24px; --pos-banner-title-align: center; --pos-banner-bg-size: 70%; --pos-banner-bg-pos-x: left; } #pos-container-width { width: 100%; max-width: 400px; min-width: 200px; min-height: 300px; display: block; background-color: transparent; } #pos-container-height { position: relative; width: 100%; height: 0; padding-bottom: calc(600px - 100%); display: block; background-color: transparent; } #pos-banner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: var(--pos-banner-width); height: var(--pos-banner-height); min-height: 300px; background-image: url('https://pos.gosuslugi.ru/bin/banner/pos-bg-min.png'); background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: flex-end; padding-left: var(--pos-banner-padding); padding-right: var(--pos-banner-padding); padding-bottom: 25px; box-sizing: border-box; background-color: #e3e8ec !important; background-size: var(--pos-banner-bg-size); background-position-x: var(--pos-banner-bg-pos-x); } #pos-banner-icon { background-image: url('https://pos.gosuslugi.ru/bin/banner/pos-gos-logo.png'); width: 130px; height: 130px; background-repeat: no-repeat; background-position: center; align-self: flex-end; background-color: transparent; } .pos-banner-btn { font-family: "Arial", sans-serif; padding: 10px; width: 100%; max-width: 290px; text-align: center; background: #0063b0 !important; color: white !important; border-radius: 4px; margin-top: 20px; align-self: center; box-sizing: border-box; cursor: pointer; user-select: none; font-size: 15px !important; font-weight: normal !important; line-height: 1.2 !important; } #pos-banner-title { font-family: "Als Ekibastuz Heavy", sans-serif; color: #0063b0 !important; font-style: normal; font-weight: bold; text-align: var(--pos-banner-title-align); font-size: var(--pos-banner-title-size) !important; background-color: transparent; line-height: 1.2 !important; } .pos-banner-title-item { display: inline-block; background-color: transparent !important; font-size: var(--pos-banner-title-size) !important; font-weight: bold !important; line-height: 1.2 !important; } #pos-banner-hint-icon { font-family: "Arial", sans-serif; background-color: white !important; width: 22px; height: 22px; border: 1px solid grey; border-radius: 50%; text-align: center; padding: -2px; box-sizing: border-box; display: flex; justify-content: center; cursor: pointer; position: absolute; right: 10px; top: 20px; font-size: 12px !important; align-items: center; font-weight: bold; color: black !important; } #pos-banner-hint-icon-item { background-color: transparent; font-weight: normal; font-size: 14px; } #pos-banner-hint-message { font-family: "Arial", sans-serif; font-size: 11px !important; font-weight: normal !important; display: none; position: absolute; right: 5px; top: 55px; background-color: white; width: 85%; padding: 10px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); color: black !important; line-height: 1.2; } #pos-banner-hint-message::after { content: ""; position: absolute; width: 10px; height: 10px; background: #ffffff; border-radius: 1px; transform: matrix(-0.7, -0.8, 0.63, -0.7, 0, 0); top: -5px; right: 10px; } #pos-banner-hint-icon:hover~#pos-banner-hint-message { display: block; animation: fadeInFromNone 0.5s ease-out; } @keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } }